<fieldset>
	<legend>Thông tin sinh viên</legend>
	<form action="<?php echo base_url() ?>student/update_info" method="post" data-abide accept-charset="utf-8">
	<table class="job_info large-12 columns">
		<tbody>
			<tr>
				<td class="first_col">Mã số sinh viên: <small>*</small></td>
				<td>
					<input class="radius" type="text" name="mssv" value="<?php echo $info['mssv'] ?>" disabled>
				</td>
			</tr>
			<tr>
				<td class="first_col">Tên: <small>*</small></td>
				<td>
					<font><?php echo form_error('ten'); ?></font>
					<input class="radius" type="text" name="ten" value="<?php echo $info['ten'] ?>" required pattern="[a-zA-Z]+" placeholder="Tên sinh viên">
					<small class="error">Tên sinh viên không được để trống</small>
				</td>
			</tr>
			<tr>
				<td class="first_col">Họ: <small>*</small></td>
				<td>
					<font><?php echo form_error('ho'); ?></font>
					<input class="radius" type="text" name="ho" value="<?php echo $info['ho'] ?>" required pattern="[a-zA-Z]+" placeholder="Họ sinh viên">
					<small class="error">Họ sinh viên không được để trống</small>
				</td>
			</tr>
			<tr>
				<td class="first_col">Ngày sinh: <small>*</small></td>
				<td>
					<font><?php echo form_error('birthday'); ?></font>
					<input class="radius" type="date" name="birthday" value="<?php echo $info['ngay_sinh'] ?>">
					<small class="error">Ngày sinh của sinh viên không được để trống</small>
				</td>
			</tr>
			<tr>
				<td class="first_col">Giới tính: </td>
				<td>
					<select class="radius" name="sex" required>
			  			<option selected disabled>-- Chọn giới tính --</option>
			  			<option value="M">Male</option>
			  			<option value="F">Female</option>
			  		</select>
				</td>
			</tr>
			<tr>
				<td class="first_col">Số điện thoại: <small>*</small></td>
				<td>
					<font><?php echo form_error('phone'); ?></font>
					<input class="radius" type="text" name="phone" value="<?php echo $info['sdt'] ?>" onkeyup="this.value=this.value.replace(/[^\d]/,'')" placeholder="Số điện thoại" required>
					<small class="error">Số điện thoại không được để trống</small>
				</td>
			</tr>
			<tr>
				<td class="first_col">Địa chỉ: </td>
				<td>
					<font><?php echo form_error('address'); ?></font>
	  				<input class="radius" type="text" name="address" value="<?php echo $info['dia_chi']; ?>" placeholder="Địa chỉ">
	  				<small class="error">Địa chỉ không được để trống</small>
				</td>
			</tr>
			</form>
			<tr>
				<td class="first_col">Avatar:</td>
				<td>
					<form id="imageform" method="post" enctype="multipart/form-data" action='<?php echo base_url(); ?>register/doupload'>
					<input type="file" name="photoimg" id="photoimg" />
					</form>
					<div id='preview'><img style="width: 200px; height: 200px;" src="<?php echo $info['avatar']; ?>" alt=""></div>
					<?php $this->session->set_userdata('avatar',$info['avatar']) ?>
				</td>
			</tr>
			<tr><td colspan="2"><hr></td></tr>
		</tbody>
	</table>
	<button type="submit" class="radius">Submit</button>
</fieldset>

<fieldset>
	<legend>Thông tin đăng nhập</legend>
	<form action="<?php echo base_url() ?>student/update_user" method="post" data-abide accept-charset="utf-8">
	<table class="job_info large-12 columns">
		<tbody>
			<tr>
				<td>Email đăng nhập:</td>
				<td><input type="text" name="email" value="<?php echo $this->session->userdata('email'); ?>" disabled></td>
			</tr>
			<tr>
				<td>Mật khẩu mới:</td>
				<td>
					<font><?php echo form_error('password'); ?></font>
					<input type="password" name="password" value="" placeholder="Mật khẩu mới">
				</td>
			</tr>
			<tr>
				<td>Xác nhận mật khẩu:</td>
				<td>
					<font><?php echo form_error('cpassword'); ?></font>
					<input type="password" name="cpassword" value="" placeholder="Xác nhận mật khẩu">
				</td>
			</tr>
		</tbody>
	</table>
	<hr>
	<button type="submit" class="radius">Submit</button>
</fieldset>

<script type="text/javascript" >
 $(document).ready(function() { 
		
            $('#photoimg').live('change', function()			{ 
			           $("#preview").html('');
			    $("#preview").html('<img src="<?php echo base_url(); ?>public/img/loader.gif" alt="Uploading...."/>');
			$("#imageform").ajaxForm({
						target: '#preview'
		}).submit();
		
			});
        });
</script>